﻿/*Header Style*/
/*E- Mua Ban - EWAY.VN*/
@import 'style.css';
@import 'jquery.tabs.css';
@import 'slider.css';

html, body{background:#fff url(../images/bg-top.gif) repeat-x top; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-size-adjust:inherit; font-stretch:normal; font-variant:normal; font-style:normal; margin:0; padding:0; color:#333333;}
*html body {behavior:url("../images/css/csshover.htc");}

a {color:#333333; text-decoration:none;outline: 0;}
a:hover{color:#E97D13!important;;text-decoration:underline;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
a img{border:none;}
form{margin:0; padding:0;}
.fll{float:left;}
.flr{float:right;}
.fln{float:none;}
.flh{float:inherit;}
.cll{clear:left;}
.clr{clear:right;}
.clb{clear:both;}
.txt-red{color:#970d0d!important;}
.txt-red-n{color:#910909!important;}
.txt-blue{color:#3B5998!important;}
.txt-blue-n{color:#3B5998!important;}
.txt-xam{color:#bab9b9!important;}
.txt-ogr{color:#f6880f!important;}
.txt-black{color:#000!important;}
.txt-bold{font-weight:bold!important;}
.txt-normal{font-weight:normal!important;}

.f-w100{float:left!important; width:100%!important;}
.m-15{margin-bottom:15px!important; display:inline;}
.m-0{margin-bottom:0px!important;}
.m-10{margin-bottom:10px!important;}
.m-r-0{margin-right:0px!important;}
.display-none{display:none;}
.xem-all{background:url(../images/xem-all-icon.gif) no-repeat 0 5px; padding-left:12px; padding-right:12px;color:#0000cc; display:inline!important; font-size:11px;}
.xem-all-r{color:#007fde!important;}
input, select, textarea{font-weight:normal; font-size:12px; font-family:Tahoma, Geneva, sans-serif; font-style:normal; margin:0; padding:0; z-index:-1;}
.ul-main{list-style:none; margin:0; padding:0;}


#mainpage{width:980px; margin:0 auto!important;}

.top{height:30px; margin-top:2px;}
.top ul{list-style:none; margin:0; padding:0;}
.top ul li{display:block; padding:0 3px; float:left; font-size:12px; line-height:28px; color:#c9c9c9;}
.top ul li strong{padding-left: 4px; *line-height:28px; cursor:pointer;}
.top ul li.username:hover  {background-color:#f8f8f7!important;}
.top ul li a{display:block; text-decoration:none;}
.top ul li a:hover{text-decoration:none; color:#FF5500;}
.top ul li.trogiup{background:url(../images/trogiup-icon.png) no-repeat 90% center; padding-right:18px; position:relative; border:1px solid #eee; border-bottom:none;}
.top ul li.trogiup:hover{background:#fff url(../images/trogiup-hover-icon.png) no-repeat 90% center; border:1px solid #e7e6e6; border-bottom:none; font-weight:normal;}
.top ul li.trogiup div.support{position:absolute; top:100%; right:-1px; border:1px solid #e7e6e6; border-top:none; width:270px; padding:2px 3px; z-index:99996565; background:#fff;}
.top ul li.trogiup div.support{display:none;}
.top ul li.trogiup:hover div.support, .top ul li.trogiup div.support:hover{display:block;}
.top ul li.trogiup div.support h3{color:#666; font-weight:bold; margin:0; padding:0; background:url(../images/trogiup-line.gif) repeat-x bottom center;}
.top ul li.trogiup div.support h3 span{display:block; background:url(../images/trogiup-c-icon.png) no-repeat left center; padding-left:8px; font-size:13px;}
.top ul li.trogiup div.support div.support-d{float:left; color:#000; width:260px; padding:5px; background:url(../images/trogiup-line.gif) repeat-x bottom center; font-size:11px; overflow:hidden;}
.top ul li.trogiup div.support div.support-d p.support-p{background:url(../images/icon-cam-1.gif) no-repeat left center; margin:0; padding:0; padding-left:8px; line-height:16px;}
.top ul li.trogiup div.support div.support-d a{display:inline;}
.top ul li.trogiup div.support div.support-d ul li{float:left; width:125px; margin:0 2px; display:inline; line-height:18px; padding:0; font-size:11px;}
.top ul li.trogiup div.support div.support-d ul li:hover{font-weight:normal;}
.top ul li.trogiup div.support div.support-d ul li img{margin-top:3px; float:left;}

.top ul li.trogiup div.support div.support-c{float:left; color:#000; width:260px; padding:5px; *background:url(../images/trogiup-line.gif) repeat-x bottom center; font-size:11px; overflow:hidden;}
.top ul li.trogiup div.support div.support-c p.support-p{background:url(../images/icon-cam-1.gif) no-repeat left center; margin:0; padding:0; padding-left:8px; line-height:16px;}
.top ul li.trogiup div.support div.support-c a{display:inline;}
.top ul li.trogiup div.support div.support-c ul li{float:left; width:125px; margin:0 2px; display:inline; line-height:18px; padding:0; font-size:11px;}
.top ul li.trogiup div.support div.support-c ul li:hover{font-weight:normal;}
.top ul li.trogiup div.support div.support-c ul li img{margin-top:3px; float:left;}

/*Popup code*/
.user-popup{width:100%; z-index:98768867866; position:absolute; top:25%; left:-50px;}
.user-popup .user-popup-c{padding:13px; width:467px; margin:0 auto;}
.user-popup .user-popup-top{background:url(../images/user/popup-top.png) no-repeat top center; height:13px!important; margin:0; padding:0; overflow:hidden; width:100%;}
.user-popup .user-popup-bottom{background:url(../images/user/popup-bottom.png) no-repeat bottom center; height:13px!important; margin:0; padding:0; overflow:hidden; width:100%; _margin-top:-3px;}
.user-popup .user-popup-center{background:url(../images/user/popup-bg.png) repeat; padding:0 13px; overflow:hidden; margin:0;}
.user-popup-box{background:#fff; border:1px solid #f89122; position:relative; overflow:hidden;}
.user-popup-box h3.popup-title{font-size:14px; font-weight:bold; line-height:26px; text-indent:11px; color:#FFFFFF; background:#fbb96f; margin:0; padding:0; border-bottom:1px solid #f89122;}
.user-popup-box ul{list-style:none; margin:0; padding:0 0 10px 0; height:195px; *border-bottom:1px solid #ddd; overflow:auto;}
.user-popup-box ul li{float:left; margin:11px 0 0 11px; display:inline; width:200px;}
.user-popup-box ul li img.user-img-like{float:left; margin-right:8px;}
.user-popup-box ul li a.user-name-like{font-size:13px; font-weight:bold; color:#3b5998;}
.user-popup-box p{margin:0; padding:0;}
.dong-btn{background:#f5870d url(../images/user/dong-btn.gif) repeat-x top center; cursor: pointer; color:#FFF; border:1px solid #dd7400; margin:3px 7px 5px; font-size:12px; font-weight:bold; padding:2px 8px 2px; *padding:2px 3px;}
.dong-btn-close{background:#f4f4f4 url(../images/user/dong-btn-close.gif) repeat-x top center; cursor: pointer; color:#333333; border:1px solid #999999; margin:3px 7px 5px; font-size:12px; font-weight:bold; padding:2px 8px 2px; *padding:2px 3px;}
.popup-btn{background:#f5870d url(../images/user/dong-btn.gif) repeat-x top center; cursor: pointer; color:#FFF; border:1px solid #dd7400; margin:3px 7px 5px; font-size:12px; font-weight:bold; padding:2px 8px 2px;}
.popup-btn-close{background:#f4f4f4 url(../images/user/dong-btn-close.gif) repeat-x top center; cursor: pointer; color:#333333; border:1px solid #999999; margin:3px 7px 5px; font-size:12px; font-weight:bold; padding:2px 8px 2px;}

.add_friend {list-style:none; margin:0; padding:0 0 10px 0;border-bottom:1px solid #ddd; overflow:auto; font-size:11px;}
.add_friend p {margin-bottom:5px;margin-top:5px;}
.add_friend img {display:block;margin:5px;max-width:100px; float:left;border:0 none;}
.bg_opacity { background-color:black; height:100%; left:0; /*opacity:0.45; position:fixed;*/ top:0; width:100%; z-index:100; } 
#show_content_popup  .content {font-size:11px; color:#333333; padding:8px 0 8px 8px;border-bottom:1px solid #ddd;}
#show_content_popup  ul {border-bottom:1px solid #ddd;}
#show_content_popup p {font-size:11px; padding:5px 5px 7px 15px; *border-bottom:1px solid #ddd;}

#show_button_popup {float:right;}

.badges-hovercard {
    background: none repeat scroll 0 0 #FCFDEB;
    border: 1px solid #B4B4B4;
    display: none;
    left: -2000px;
    position: absolute;
    text-align: left;
    top: -2000px;
    visibility: hidden;
    width: 250px;
    z-index: 999999;
}
.badges-hovercard-content {
    color: #606060;
    font-size: 11px;
    padding: 2px 7px 7px;
}
.badges-hovercard-title {
    font-weight: bold;
    margin-bottom: 0;
}
.badges-hovercard-red .badges-hovercard-title {
    color: #FF1A02;
}
.badges-hovercard-green .badges-hovercard-title {
    color: #FF6D02;
}
.badges-hovercard-blue .badges-hovercard-title {
    color: #748516;
}
.badges-hovercard-static {
    text-align: justify;
}


#column-left {
    background: none repeat scroll 0 0 #EEEEEE;
    display: none;
    overflow: hidden;
    position: fixed;
    text-align: center;
    top: 0;
    width: 120px;
}
#column-right {
    background: none repeat scroll 0 0 #EEEEEE;
    display: none;
    overflow: hidden;
    position: fixed;
    text-align: center;
    top: 0;
    width: 120px;
}

#gh_db li, #gh_cn li{
    list-style:none;
}
.ew_tien{
    font-size: 11px;
    color: #666;
    margin-left: 10px;
}